import { OrderStatus } from '../config';
import Toast from 'tdesign-miniprogram/toast/index';
import Message from 'tdesign-miniprogram/message/index';
import {
  fetchOrders,
  fetchOrdersCount,
} from '../../../services/order/orderList';
import { cosThumb } from '../../../utils/util';

Page({
  page: {
    size: 5,
    num: 1,
  },

  data: {
    currentOrder: null,
    visible: false,
    refundDesc: '',
    tabs: [
      { key: -1, text: '全部' },
      { key: OrderStatus.PENDING_PAYMENT, text: '待付款', info: '' },
      { key: OrderStatus.PENDING_DELIVERY, text: '待发货', info: '' },
      { key: OrderStatus.PENDING_RECEIPT, text: '待收货', info: '' },
      { key: OrderStatus.COMPLETE, text: '已完成', info: '' },
    ],
    curTab: -1,
    orderList: [],
    listLoading: 0,
    pullDownRefreshing: false,
    emptyImg:
      'https://cdn-we-retail.ym.tencent.com/miniapp/order/empty-order-list.png',
    backRefresh: false,
    status: -1,
  },

  onLoad(query) {
    let status = parseInt(query.status);
    status = this.data.tabs.map((t) => t.key).includes(status) ? status : -1;
    this.init(status);
    this.pullDownRefresh = this.selectComponent('#wr-pull-down-refresh');
  },

  onShow() {
    this.getTabBar().init();
    this.getOrderList(this.data.curTab);
    if (!this.data.backRefresh) return;
    this.onRefresh();
    this.setData({ backRefresh: false });

  },

  onReachBottom() {
    if (this.data.listLoading === 0) {
      this.getOrderList(this.data.curTab);
    }
  },

  onPageScroll(e) {
    this.pullDownRefresh && this.pullDownRefresh.onPageScroll(e);
  },

  onPullDownRefresh_(e) {
    const { callback } = e.detail;
    this.setData({ pullDownRefreshing: true });
    this.refreshList(this.data.curTab)
      .then(() => {
        this.setData({ pullDownRefreshing: false });
        callback && callback();
      })
      .catch((err) => {
        this.setData({ pullDownRefreshing: false });
        Promise.reject(err);
      });
  },

  init(status) {
    status = status !== undefined ? status : this.data.curTab;
    this.setData({
      status,
    });
    // this.refreshList(status);
  },
  //statusCode=-1  全部；statusCode=5 待付款；statusCode=10  待发货；statusCode=10  待收货；statusCode=50  已完成
  getOrderList(statusCode = -1, reset = false) {
    this.setData({ orderList: [] })
    const app = getApp();
    const orderCenterType = app.globalData.orderCenterType;
    if (orderCenterType != null) {
      statusCode = orderCenterType
      this.setData({ status: statusCode })
      app.globalData.orderCenterType = null
    }

    const params = {
      parameter: {
        pageSize: this.page.size,
        pageNum: this.page.num,
      },
    };
    if (statusCode !== -1) params.parameter.orderStatus = statusCode;
    this.setData({ listLoading: 1 });
    return fetchOrders(params)
      .then((res) => {
        this.page.num++;
        let myOrderList = res.result.data;
        switch (statusCode) {
          case 5:
            myOrderList = myOrderList.filter(item => {
              if (item.status == 'NOTPAY')
                return item
            })
            break;
          case 10:
            myOrderList = myOrderList.filter(item => {
              if (item.status == 'DAIFDAHUO')
                return item
            })
            break;
          case 40:
            myOrderList = myOrderList.filter(item => {
              if (item.status == 'DAISHOUHUO')
                return item
            })
            break;
          case 50:
            myOrderList = myOrderList.filter(item => {
              if (item.status == 'SUCCESS')
                return item
            })
            break;
          default:
            break;
        }
        myOrderList.forEach(item => {
          item.detail = JSON.parse(item.detail);
        })
        this.setData({ orderList: myOrderList })
        return
        if (res && res.data && res.data.orders) {
          orderList = (res.data.orders || []).map((order) => {
            return {
              id: order.orderId,
              orderNo: order.orderNo,
              parentOrderNo: order.parentOrderNo,
              storeId: order.storeId,
              storeName: order.storeName,
              status: order.orderStatus,
              statusDesc: order.orderStatusName,
              amount: order.paymentAmount,
              totalAmount: order.totalAmount,
              logisticsNo: order.logisticsVO.logisticsNo,
              createTime: order.createTime,
              goodsList: (order.orderItemVOs || []).map((goods) => ({
                id: goods.id,
                thumb: cosThumb(goods.goodsPictureUrl, 70),
                title: goods.goodsName,
                skuId: goods.skuId,
                spuId: goods.spuId,
                specs: (goods.specifications || []).map(
                  (spec) => spec.specValue,
                ),
                price: goods.tagPrice ? goods.tagPrice : goods.actualPrice,
                num: goods.buyQuantity,
                titlePrefixTags: goods.tagText ? [{ text: goods.tagText }] : [],
              })),
              buttons: order.buttonVOs || [],
              groupInfoVo: order.groupInfoVo,
              freightFee: order.freightFee,
            };
          });
        }
        return new Promise((resolve) => {
          if (reset) {
            this.setData({ orderList: [] }, () => resolve());
          } else resolve();
        }).then(() => {
          this.setData({
            orderList: this.data.orderList.concat(orderList),
            listLoading: orderList.length > 0 ? 0 : 2,
          });
        });
      })
      .catch((err) => {
        this.setData({ listLoading: 3 });
        return Promise.reject(err);
      });
  },

  onReTryLoad() {
    this.getOrderList(this.data.curTab);
  },

  onTabChange(e) {
    const { value } = e.detail;
    this.setData({
      status: value,
    });
    this.refreshList(value);
  },

  getOrdersCount() {
    return fetchOrdersCount().then((res) => {
      const tabsCount = res.data || [];
      const { tabs } = this.data;
      tabs.forEach((tab) => {
        const tabCount = tabsCount.find((c) => c.tabType === tab.key);
        if (tabCount) {
          tab.info = tabCount.orderNum;
        }
      });
      this.setData({ tabs });
    });
  },

  refreshList(status = -1) {
    this.page = {
      size: this.page.size,
      num: 1,
    };
    this.setData({ curTab: status, orderList: [] });

    return Promise.all([
      this.getOrderList(status, true),
      this.getOrdersCount(),
    ]);
  },

  onRefresh() {
    this.refreshList(this.data.curTab);
  },

  onOrderCardTap(e) {
    return
    const { order } = e.currentTarget.dataset;
    wx.navigateTo({
      url: `/pages/order/order-detail/index?orderNo=${order.orderNo}`,
    });
  },
  //取消订单
  cancelOrder(e) {
    const { ordernum } = e.target.dataset
    wx.cloud.callFunction({
      name: 'server_Order',
      data: {
        type: 'closeOrder',
        outTradeNo: ordernum,
      }
    }).then((resp) => {
      // debugger
      Toast({
        context: this,
        selector: '#t-toast',
        message: '订单取消成功',
      });
      this.getOrderList(this.data.curTab);
    }).catch((e) => {
      console.log(e);
    });
  },
  //去支付
  payNow(e) {
    const { payment } = e.target.dataset
    const that = this;
    wx.requestPayment({ //调用支付，小程序端调用
      ...payment,
      success(res) {
        Toast({
          context: that,
          selector: '#t-toast',
          message: '支付成功',
        });
        that.getOrderList(that.data.curTab);
      },
      fail(err) {
        console.error('pay fail', err)
      }
    })
  },
  //显示填写退款原因的弹框
  showPopup(e) {
    const { order } = e.target.dataset
    this.setData({
      currentOrder: order
    })
    this.setData({
      visible: true
    })
  },
  //popup框显隐
  onVisibleChange() {
    this.setData({
      visible: false
    })
  },
  handleInputChange(e) {
    // 取出实时的变量值
    let value = e.detail.value;
    this.setData({
      refundDesc: value
    })
  },
  //确认退款
  refund(e) {
    if (!this.data.refundDesc) {
      Message.info({
        context: this,
        offset: ['20rpx', '32rpx'],
        duration: 5000,
        content: '退款原因不能为空',
      });
      return
    }
    wx.cloud.callFunction({
      name: 'refund_pay',
      data: {
        outTradeNo: this.data.currentOrder.outTradeNo,
        totalFee: this.data.currentOrder.totalFee,
        refundFee: this.data.currentOrder.totalFee,
        refundDesc: this.data.refundDesc
      }
    }).then((resp) => {
      this.onVisibleChange();
      this.getOrderList(this.data.curTab);
    }).catch((e) => {
      console.log(e);
    });
  }
});
